<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
      	<!--移动单才会出现的菜单头部-->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
          	<img src="img/logo.png"/>
          </a>
        </div>
        <!--一级导航，平板设备以上的时候横向排列，在移动端的时候纵向排列-->
        <div id="navbar" class="navbar-collapse collapse">
        	<!--这是左边的导航菜单-->
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">laya家族</a></li>
            <li><a href="#contact">游戏</a></li>
          </ul>
          <!--这是右边的导航菜单-->
          <ul class="nav navbar-nav navbar-right">
           <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">language<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">中文</a></li>
                <li><a href="#">繁體中文</a></li>
                <li><a href="#">English</a></li>             
              </ul>
           </li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
	<div class="container-fluid banner">
			<div class="row">
				<div class="col-xs-12">
					<img src="img/banner.jpg" alt="" />
				</div>
			</div>
		</div>
	<section class="layabox-engine">	
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 title">
					<h1>LayaFlash引擎</h1>
					<p>让Flash技术变成开发HTML5产品的利器</p>
				</div>
			</div>
			<div class="row info">
				<div class="col-sm-8">
					<div class="row">
						<div class="col-sm-6 item">
							<div class="col-xs-3 imgwrap">
								<img src="img/icon1.jpg" alt="" class="img-responsive"/>
							</div>
							<div class="col-xs-9 desc">
								<h2>快速Flash产品转换</h2>
								<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
							</div>
						</div>
						<div class="col-sm-6 item">
							<div class="col-xs-3 imgwrap">
								<img src="img/icon2.jpg" alt="" class="img-responsive"/>
							</div>
							<div class="col-xs-9 desc">
								<h2>LayaFlash IDE</h2>
								<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>
							</div>
						</div>
						<div class="col-sm-6 item">
							<div class="col-xs-3 imgwrap">
								<img src="img/icon3.jpg" alt="" class="img-responsive"/>
							</div>
							<div class="col-xs-9 desc">
								<h2>HTML5零学习成本</h2>
								<p>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</p>
							</div>
						</div>
						<div class="col-sm-6 item">
							<div class="col-xs-3 imgwrap">
								<img src="img/icon4.jpg" alt="" class="img-responsive"/>
							</div>
							<div class="col-xs-9 desc">
								<h2>性能媲美APP</h2>
								<p>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>   	
  	<section class="layabox-advantage">
  		<div class="container">	
  			<div class="row">
  				<div class="col-sm-4 col-md-4 col-xs-12 col-md-offset-2 cup-wrap">
					<img src="img/cup.jpg" alt="" class="img-responsive"/>
  				</div>
  				<div class="col-sm-6 col-sm-offset-1 col-md-5 col-xs-12 content">
  					<div class="row">
  						<h2 class="col-sm-12">Layabox 优势</h2>
  					</div>
		  			<div class="row">
		  				<div class="col-sm-12">
		  					<div class="col-sm-3 icon-wrap">
		  						<img src="img/icon5.png" alt=""  class="img-responsive"/>
		  					</div>
		  					<p class="col-sm-7">快速上手，Flash程序员3小时掌握HTML5开发</p>
		  				</div>
		  			</div>
		  			<div class="row">
		  				<div class="col-sm-12">
		  					<div class="col-sm-3 icon-wrap">
		  						<img src="img/icon6.png" alt=""  class="img-responsive"/>
		  					</div>
		  					<p class="col-sm-7">4年优化打磨，LayaPlayer运行器性能媲美APP</p>
		  				</div>
		  			</div>
		  			<div class="row">
		  				<div class="col-sm-12">
		  					<div class="col-sm-3 icon-wrap">
		  						<img src="img/icon7.png" alt=""  class="img-responsive"/>
		  					</div>
		  					<p class="col-sm-7">超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
		  				</div>
		  			</div>
		  			<div class="row last-item">
		  				<div class="col-sm-12">
		  					<div class="col-sm-3 icon-wrap">
		  						<img src="img/icon8.png" alt=""  class="img-responsive"/>
		  					</div>
		  					<p class="col-sm-7">使用LayaFlash开发大型HTML5游戏的企业超100家</p>
		  				</div>
		  			</div>
  				</div>
  				
  			</div>
  		</div> 
  	</section>
  	<section class="Layabox-products">
  		<div class="container">
  			<div class="row">
  				<h2 class="col-sm-12">Layabox产品家族</h2>
  			</div>
  			<div class="row line first-line">
  				<div class="col-sm-6 product-items">
  					<div class="col-sm-3 ">
  						<img src="img/icon9.png" alt="" class="img-responsive"/>
  					</div>
  					<div class="col-sm-7 col-sm-offset-1">
  						<h5>LayaAir</h5>
  						<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
  					</div>
  				</div>
  				<div class="col-sm-6 product-items">
  					<div class="col-sm-3">
  						<img src="img/icon10.png" alt="" class="img-responsive"/>
  					</div>
  					<div class="col-sm-7 col-sm-offset-1">
  						<h5>LayaPublish</h5>
  						<p>Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。</p>
  					</div>
  				</div>  		
  				<div class="col-sm-6 product-items">
	  				<div class="col-sm-3">
						<img src="img/icon11.png" alt="" class="img-responsive"/>
	  				</div>
					<div class="col-sm-7 col-sm-offset-1">
						<h5>LayaFlash</h5>
						<p>使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。</p>
					</div>
				</div>	
				<div class="col-sm-6 product-items">
	  				<div class="col-sm-3">
						<img src="img/icon12.png" alt="" class="img-responsive"/>
	  				</div>
					<div class="col-sm-7 col-sm-offset-1">
						<h5>LayaStore</h5>
						<p>嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。</p>
					</div>
				</div>
  				<div class="col-sm-6 product-items">
	  				<div class="col-sm-3">
						<img src="img/icon13.png" alt="" class="img-responsive"/>
	  				</div>
					<div class="col-sm-7 col-sm-offset-1">
						<h5>LayaPlayer</h5>
						<p>使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。</p>
					</div>
				</div>	
				<div class="col-sm-6 product-items">
	  				<div class="col-sm-3">
						<img src="img/icon14.png" alt="" class="img-responsive"/>
	  				</div>
					<div class="col-sm-7 col-sm-offset-1">
						<h5>LayaOpen</h5>
						<p>Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</p>
					</div>
				</div>
  			</div> 			
  		</div>
  	</section>
  	<section class="game">
  		<div class="container">
  			<div class="row">
  				<h2 class="col-sm-5">采用Layabox引擎的精彩游戏</h2>
  				<div class="col-sm-2 col-sm-push-5 btn">更多</div>
  			</div>
  			<div class="row second-line">
  				<div class="col-sm-4 col-xs-12 left">
					<img src="img/game_01.jpg" alt="" class="img-responsive"/>
  				</div>
  				<div class="col-sm-7 col-sm-push-1 right">
  					<div class="row">
	  					<div class="col-sm-2 col-xs-4 game-items">
	  						<div class="imgwrap">
	  							<img src="img/game_02.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>猎刃2</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_03.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>上吧主公</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_04.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>醉西游</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_05.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>魔卡幻想</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_06.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>超能战队</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_07.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>刀塔大菠萝</p>
	  					</div>
  					</div>
  					<div class="row">
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_08.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>轰三国</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_09.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>迷你猎人</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_10.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>萌挂三国</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_11.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>夺塔三国</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_12.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>英雄争霸</p>
	  					</div>
	  					<div class="col-sm-2 col-xs-4">
	  						<div class="imgwrap">
	  							<img src="img/game_13.jpg" alt="" class="img-responsive"/>
	  						</div>
	  						<p>战争之门</p>
	  					</div>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  	</section>
  	<section class="partner">
  		<div class="container">
  			<div class="row">
  				<h2>合作伙伴<span>(排名不分先后)</span></h2>
  			</div>
  			<div class="row first">
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_01.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_02.jpg" alt=""  class="img-responsive"/>
  					</div>	
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_03.jpg" alt=""  class="img-responsive"/>
					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_04.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>			
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_05.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_06.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  	
  			
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_07.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_08.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_09.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_10.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>			
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_11.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  				<div class="col-md-2 col-sm-3 col-xs-4 border">
  					<div class="img-item">
  						<img src="img/partner_12.jpg" alt=""  class="img-responsive"/>
  					</div>
  				</div>
  			</div>
  		</div>
  	</section>
  	<footer>
  		<div class="container">
  			<div class="row">
  				<div class="col-sm-8 col-md-8 col-xs-12">
  					<div class="row">
  						<ul class="col-xs-12">
	  						<li class="col-xs-2"><a href="">公司简介</a></li>
	  						<li class="col-xs-2"><a href="">联系方式</a></li>
	  						<li class="col-xs-2"><a href="">人才招聘</a></li>
  						</ul>
  					</div>
  					<div class="row">
  						<p class="col-xs-12">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
  					</div>
  				</div>
  				<div class="col-sm-4 col-md-4 col-xs-12">
  					<div class="row">
  						<ul class="col-xs-12">
	  						<li class="col-xs-2 col-xs-push-6"><a href=""><img src="img/mess.png" alt="" /></a></li>
	  						<li class="col-xs-2 col-xs-push-6"><a href=""><img src="img/chat.png" alt="" /></a></li>
	  						<li class="col-xs-2 col-xs-push-6"><a href=""><img src="img/qq.png" alt="" /></a></li>
  						</ul>
  					</div>
  				</div>
  			</div>
  		</div>
  	</footer>
  <script src="js/jquery-2.1.0.js"></script>
    <script src="js/bootstrap.js"></script>
	</body>
</html>
